<template>
  <div class="findlistcontent">
      <div class="area" v-for="(item,key) in findList2" :key="key">
        <h3>{{key}}</h3>
        <div class="line" v-for="brandItem in item" :key="brandItem.id">
          {{brandItem.spell}}
        </div>
      </div>
  </div>
</template>

<script>

export default {
  name: 'FindListContent',
  props:{
    findList2:Object
  },
  data () {
    return {
      
      
    }
  }
}
</script>


<style lang="stylus" scoped>
.findlistcontent
    width 100%
    background-color #efefef
    margin-top .1rem
    .area
        width 100%
        h3  
            width 100%
            height 1rem
            line-height 1rem
            margin-left .4rem
            background #efefef
        .line
            width 100%
            height 1rem
            line-height 1rem
            padding-left .4rem
            background-color #ffffff
            border-bottom 1px solid #efefef
</style>
